<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
         *{
        margin: 0;
        padding: 0;
    }
    .bjb{
        background-color: #e6e3e3;
        width: 100%;
        height: 40px;
    }
    header{
        width: 60%;
        margin: 0px auto; 
        font-size: 12px;
        line-height: 40px;
    }
    header div:first-child{
        float: left;
    }
    header div:nth-child(2){
        float: right;
    }
    header div a{
        font-size: 13px;
        color: #666;
        margin-right: 5px;
        text-decoration: none;
    }
    header div a:hover{
        color: rgb(231, 27, 27);
    }
    select{
        width: 15px;
    }
    .searchbox{
        width: 50%;
        margin: 70px auto;
        overflow: hidden;
    }
    .searchbox a,.searchbox ul{
        float: left;
    }
    .searchbox ul li{
        overflow: hidden;
        
    }
    .searchbox ul input{
        width: 460px;
        height: 35px;
        border: 2px solid #ed0427;
        float: left;
        padding: 0 10px;
    }
    .gouwu1 a:hover{
        color: red;
    }
    .tp{
        width: 100%;
    }
    .gwc{
        border: none;
        height: 35px;
        width: 100px;
        background-color: rgb(233, 232, 232);
        color: black;
        margin-left: 30px;
    }
    .qz{
        border: none;
        height: 35px;
        width: 60px;
        background-color: #f0334f;
        color: aliceblue;
    }
    .bd{
        border: none;
        height: 35px;
        width: 60px;
        background-color: #666;
        color: aliceblue;
    }
    li a{
        width: 110px;
        font-size: 12px;
        color: black;
        text-decoration: none;
    
    }
     .caidan{
    height: 60px;
    line-height: 60px;
    color:black;
    font-size: 16px;
      border-bottom: 2px solid red;
      font-weight: 600;
      margin-top: -50px;
     }
     .caidan1{
    width: 100%;
    margin: 10px auto;
    text-align: center;
    font-size: 16px;
    margin-left: 50px;
     }
     .caidan1 a{
    float: left;
    width: 130px;
    
     }
     .index{
    background-color: red;
    font-family: 'Courier New', Courier, monospace;
     }
     .a{
    width: 200px;
    height: 430px;
    margin-left: 200px;
    margin-top: 50px;
    }
    .caidan1 a:hover{
    color: red;
    }
    .tp{
        width: 50%;
       position: relative;
       left: 420px;
    }
    .er {
  display: flex;
  justify-content: space-around;
  padding: 230px;
  position: relative;
  top: -200px;
    }  

    .pr {
  width: 270px;
  height: 280px;
  background-color: white;
  border-radius: 30px;
  padding: 15px;
  text-align: center;
  margin-bottom: 20px; 
  }

    .pr img {
  width: 80%;
  border-radius: 10px;
  margin-bottom: 10px;
    }

    .tag {
  display: flex;
  flex-direction: column;
  align-items: center;
    }

    .jia {
  background-color: red;
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
  margin-bottom: 5px;
   }

   .price {
  font-size: 20px;
  color: red;
  font-weight: bold;
   }
   .red{
    font-family: "Microsoft YaHei", sans-serif;
     background-color: red; 
   }
   .pl{
       font-size: 25px;
       margin-left: 100px;
    }
    .plqq{
        width: 250px;
       float: left;
       margin-left: 80px;
       margin-top: 50px;
    
    }
    .biaoge{
        width: 60%;
        font-size: 13px;
        line-height: 2em;
        margin: 30px auto;
        overflow: hidden;
    }
    
    .ziti1{
        font-size: 12px;
        line-height: 40px;
        text-align: center;
    }
    .ziti1:hover{
      color: #e1251b;
    }
    .bottom-nav {
      width: 100%;
      background-color: #f5f5f5;
      padding: 20px 0;
    }

    .container {
      width: 1200px;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
    .co {
      width: 20%;
      margin-bottom: 20px;
    }

    .co h3 {
      font-size: 16px;
      margin-bottom: 10px;
      color: #333;
    }

    .co ul {
      list-style: none;
    }

    .co ul li {
      margin-bottom: 6px;
    }

    .co ul li a {
      text-decoration: none;
      color: #666;
      font-size: 14px;
    }

    .co ul li a:hover {
      color: #e31212;
    }
    .tt{
      width: 100%;
      position: relative;
      top: -350px;
    }
    </style>
</head>
<body>
    <div class="bjb">
    <header>
        <div>
            <a href="#"><img src="c:\Users\11030\Downloads\定位.png" width="15px" alt="">送至:山西
            <select name="" id="">
                <option value="">上海</option>
                <option value="">北京</option>
                <option value="">天津</option>
                <option value="">江苏</option>
                <option value="">山东</option>
                <option value="">济南</option>
                <option value="">安徽</option>
            </select></a>  
         </div>
        <div>
            <a href="#">你好，请登录</a>
            <a href="#">免费注册</a>
            <a href="#">我的订单</a>
            <a href="#">我的京东
                <select name="" id="">
                    <option value=""></option>
                    <option value="">待处理订单</option>
                    <option value="">返修退换货</option>
                    <option value="">降价商品</option>
                </select>
            </a>
            <a href="#">企业采购
                <select name="" id="">
                    <option value=""></option>
                    <option value="">企业购</option>
                    <option value="">工业品</option>
                    <option value="">礼品卡</option>
                </select>
            </a>
            <a href="#">客户服务<select name="" id="">
                <option value=""></option>
                <option value="">帮助中心</option>
                <option value="">在线客服</option>
                <option value="">电话客服</option>
                <option value="">金融咨询</option>
            </a>
        </select>
            <a href="#">网站导航
                <select name="" id="">
                <option value=""></option>
                <option value="">合作招商</option>
                <option value="">京东通信</option>
                <option value="">京东E卡</option>
                <option value="">校园加盟</option></select>
            </a>
            <a href="">手机京东</a>
            <a href="">网站无障碍</a>
        </div>
    </header>
     <div  class="searchbox">
        <a href=""><img   src="https://img10.360buyimg.com/img/jfs/t1/265960/38/828/10287/676565f6Fcdb37884/072d830437959819.png" width="190px" alt="tb"></a>
        <ul>
        <input class="sousuokuang" type="search" value=""><button class="qz">搜全站</button><button class="gwc">我的购物车</button>
        </ul>
        </div>
       <div class="caidan">
         <div class="caidan1">
        <a class="index">全部商品分类</a>
        <a>大牌奥莱</a>
        <a>美妆馆</a>
        <a>超市</a>
        <a>生鲜</a>
        <a>京东国际</a>
        <a>京东国际</span>
        <a>金融</a>
        <a>京东五金城</a>
        </div>
    </div>
    <nav class="red">
    <img class="tp" src="https://m.360buyimg.com/babel/jfs/t1/317311/32/5243/57509/683af8f4Fb257f9cb/76c2bbd6800dbb24.jpg.webp"  alt="">
    <div class="er">
    <div class="pr">
      <img src="https://tse4-mm.cn.bing.net/th/id/OIP-C.NywKoIfid0KdE3NcbzXF1QHaGs?w=201&h=181&c=7&r=0&o=7&dpr=1.5&pid=1.7&rm=3" alt="耳机"> 
      <div class="tag">
        <span class="jia">到手价</span>
        <span class="price">¥1399</span>
      </div>
    </div>
    <div class="pr">
      <img src="https://tse3-mm.cn.bing.net/th/id/OIP-C.Mm2_55kRA5FiCPhBybFMOQHaHa?w=200&h=200&c=7&r=0&o=7&dpr=1.5&pid=1.7&rm=3" alt="平板"> 
      <div class="tag">
        <span class="jia">到手价</span>
        <span class="price">¥3899</span>
      </div>
    </div>
    <div class="pr">
      <img src="https://tse1-mm.cn.bing.net/th/id/OIP-C.EnMziFOiJlxfUuZmfbVhAAHaHa?w=179&h=180&c=7&r=0&o=7&dpr=1.5&pid=1.7&rm=3" alt="手机"> 
      <div class="tag">
        <span class="jia">到手价</span>
        <span class="price">¥5999</span>
      </div>
    </div>
    <div class="pr">
      <img src="https://tse3-mm.cn.bing.net/th/id/OIP-C.pnIPiPhSJs-mIQlpbmB1iQHaHa?w=200&h=200&c=7&r=0&o=7&dpr=1.5&pid=1.7&rm=3" alt="手机"> 
      <div class="tag">
        <span class="jia">到手价</span>
        <span class="price">¥6999</span> 
      </div>
    </div>
  </div>
  <img class="tt" src="https://m.360buyimg.com/babel/jfs/t1/275131/17/4941/82839/67d80533F169b020a/b6bb2395461c6ec2.png" alt="">
  <img class="tt" src="https://m.360buyimg.com/babel/jfs/t1/273560/31/26657/64961/6810315dF8f575c95/c0129f377f89db20.jpg.webp" alt="">
   <nav>
            <div class="pl">
        <span class="plqq"><strong>品类齐全 轻松购物</strong></span>
        <span class="plqq"><strong>多仓直发 极速配送</strong></span>
        <span class="plqq"><strong>正品直发 紧致服务</strong></span>
        <span class="plqq"><strong>天天低价 畅选无忧</strong></span>
    </div>
    <div>
        <div class="bottom-nav">
    <div class="container">
      <div class="co">
        <h3>购物指南</h3>
        <ul>
          <li>购物流程</li>
          <li>会员介绍</li>
          <li>生活旅行/团购</li>
          <li>常见问题</li>
          <li>大家电</li>
          <li>联系客服</li>
        </ul>
      </div>
      <div class="co">
        <h3>配送方式</h3>
        <ul>
          <li>上门自提</li>
          <li>211限时达</li>
          <li>配送服务查询</li>
          <li>配送费收取标准</li>
        </ul>
      </div>
      <div class="co">
        <h3>支付方式</h3>
        <ul>
          <li>货到付款</li>
          <li>在线支付</li>
          <li>分期付款</li>
          <li>公司转账</li>
        </ul>
      </div>
      <div class="co">
        <h3>售后服务</h3>
        <ul>
          <li>售后政策</li>
          <li>价格保护</li>
          <li>退款说明</li>
          <li>返修/退换货</li>
          <li>取消订单</li>
        </ul>
      </div>
      <div class="co">
        <h3>特色服务</h3>
        <ul>
          <li>夺宝岛</li>
          <li>DIY装机</li>
          <li>延保服务</li>
          <li>京东E卡</li>
          <li>京东通信</li>
          <li>京鱼座智能</li>
        </ul>
      </div>
    </div>
  </div>
        <hr>
    </div>
    <div class="ziti1">
        <span>关于京东</span>
        <span>营销中心</span>
        <span>廉政举报</span>
        <span>开放平台</span>
        <span>诚征英才</span>
        <span>隐私权政策</span>   
        <span>法律声明</span>
        <span>知识产权</span>
        <span>增值电信业务经营许可证：浙B2-20080224</span>
        <span>增值电信业务经营许可证（跨地区）： B2-20150210</span>
        <span>浙网文〔2025〕0051-019号</span>
    </div>
    <div class="ziti1">
        <span>浙江省网络食品销售第三方平台提供者备案：浙网食A33010001</span>
        <span>网络订餐服务第三方平台备案：浙网餐备2024A330000020</span>
        <span>互联网药品信息服务资格证书（浙）-经营性-2023-0008</span>
        <span>短消息类服务接入代码使用证书：号[2020]00396-A02</span>
    </div>
    <div class="ziti1">
        <span>信息网络传播视听许可证：1109364号</span>
        <span>出版物网络交易平台服务经营备案号：新出发浙备字第2024004号</span>
        <span>浙公网安备 33010002000078号</span>
        <span>浙B2-20080224-1</span>
        <span>全国12315平台</span>
        <br>
        <span><img src="https://img12.360buyimg.com/da/jfs/t535/349/1185317137/2350/7fc5b9e4/54b8871eNa9a7067e.png" alt=""></span>
        <span><img src="https://img11.360buyimg.com/da/jfs/t643/61/1174624553/2576/4037eb5f/54b8872dNe37a9860.png" alt=""></span>
        <span><img src="https://img12.360buyimg.com/cms/jfs/t2050/256/1470027660/4336/2a2c74bd/56a89b8fNfbaade9a.jpg" alt=""></span>
        <span><img src="https://img11.360buyimg.com/da/jfs/t451/173/1189513923/1992/ec69b14a/54b8875fNad1e0c4c.png" alt=""></span>
        <span><img src="https://img30.360buyimg.com/da/jfs/t1915/215/1329999964/2996/d7ff13f0/5698dc03N23f2e3b8.jpg" alt=""></span>
        <span><img src="https://img14.360buyimg.com/da/jfs/t2026/221/2097811452/2816/8eb35b4b/5698dc16Nb2ab99df.jpg" alt=""></span>
    </div>
      </nav>
</body>
</html>